<template>
  <el-dialog
    v-model="dialogVisible"
    title="添加代办"
    width="40%"
    :before-close="handleClose"
  >
    <span>This is a message</span>
    <template #footer>
      <span class="dialog-footer">
        <el-button type="primary" @click="dialogVisible = false">
          添加
        </el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script setup>
</script>
<script>
export default {
  data () {
    return {
      dialogVisible: true
    }
  },
  methods: {
    handleClose () {
      this.dialogVisible = false
    }
  }
}
</script>
<style scoped>
</style>
